<script setup lang="ts">
import Search from "@iconify-icons/ep/search";
import SearchModal from "./components/SearchModal.vue";
import { ref } from "vue";
const show = ref(false);
</script>
<template>
  <div
    class="search-container w-[40px] h-[48px] flex-c cursor-pointer navbar-bg-hover"
    @click="show = !show"
  >
    <IconifyIconOffline :icon="Search" />
  </div>
  <SearchModal v-model:value="show" />
</template>
